<!--
 * @Description: bs使用
 * @Author: zzj
 * @Date: 2021-08-18 11:19:55
 * @LastEditors: zzj
 * @LastEditTime: 2021-08-18 14:09:42
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bootstrap</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
</head>
<body>
    <div>hello world</div>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <button class="btn btn-primary">查询</button>
    <button class="btn btn-danger">删除</button>

    <div class="menu row">
        <div class="col">微信</div>
        <div class="col">通讯录</div>
        <div class="col">发现</div>
        <div class="col">我</div>
    </div>

    <table class="table">
        <thead>
            <tr>
                <th>编号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>手机号</th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>1</td>
                <td>lucky</td>
                <td>女</td>
                <td>18889634</td>
            </tr>
        </tbody>

        <tbody>
            <tr>
                <td>2</td>
                <td>胜率</td>
                <td>男</td>
                <td>124163</td>
            </tr>
        </tbody>
    </table>
</body>
</html>